@charset"utf-8";
@import'color';
@import'model-beta';
@import'theme';
@import'common';
$black2:#757575;
* {
    margin: 0 auto;
    font-family: 'icomoon', "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif!important;
}
html, body {
    width: 100%;
    height: 100%;
    font-size: 13px;
    transform: translate3d(0, 0, 0)\9;
    background-color: #fafafa;
}
.nav {
    z-index: 100;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: $white;
    // border-bottom: 1px solid #eee;
    @include shadow(0, 1px, 3px, #eee);
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    .box {
        width: 1024px;
        .nav-l {
            display: inline-block;
            vertical-align: top;
            width: 70%;
            .item {
                display: inline-block;
                border-right: 1px solid #eee;
                vertical-align: top;
                position: relative;
                padding: 0 2.5em;
                cursor: pointer;
                color: $themeColor;
                @include comic_1(.35, 0);
                overflow: hidden;
                &.last {
                    border-right: 0;
                }
                &.focus, &:hover {
                    color: #757575;
                    .b {
                        bottom: 0;
                    }
                }
                .b {
                    height: 3px;
                    background-color: rgba($themeColor, .6);
                    width: 100%;
                    position: absolute;
                    bottom: -15px;
                    left: 0;
                    @include comic_1(.25, 0);
                }
            }
        }
        .nav-r {
            display: inline-block;
            vertical-align: top;
            width: 30%;
            text-align: right;
            a {
                line-height: 40px;
                display: inline-block;
                vertical-align: top;
                color: $themeColor;
                &:hover {
                    color: #757575;
                }
                &[class^="icon-"], [class*=" icon-"] {
                    &:before {
                        padding-right: 3px;
                        font-size: 16px;
                    }
                }
            }
        }
    }
}
.topblock {
    height: 50px;
}
.notices {
    position: relative;
    width: 1024px;
    margin: .5em auto;
    @include shadow(0, 0, 6px, #ddd);
    @include radius(2);
    background-color: $btnHover;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    @include comic_1(0.3, 0);
    &.close {
        height: 0;
        margin: 0 auto;
    }
    .close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .5em;
        color: $fontColor;
        cursor: pointer;
        &:hover {
            color: $red;
        }
    }
}
.noticebox {
    width: 1000px;
    padding: 0 12px;
    height: 30px;
    overflow: hidden;
    color: $fontColor;
}
.top_banner {
    height: 80px;
    width: 100%;
    color: $white;
    position: relative;
    overflow: hidden;
    @include shadow(0,0,8px,#aaa);
    background-color: $white;
    margin: 10px 0;
    .bg {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("/images/default_banner.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        // @include blur(5);
    }
    .box {
        position: relative;
        z-index: 2;
        width: 1000px;
        padding: 0 12px;
        .title{
        	display: inline-block;
        	vertical-align: top;
        	font-size: 26px;
        	line-height: 80px;
        	width: 60%;
        }
        .search{
        	display: inline-block;
        	vertical-align: top;
        	text-align: right;
        }
    }
}
